<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<link href="assets/3dr/swiper/swiper.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/layout.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.min.js?v=3.7.3"></script>
<script src="assets/js/respond.min.js?v=1.4.2"></script>
<![endif]-->
</head>

<body>
<!--头部-->
<header class="wrap navtop">
	<section class="container m-auto clear">
    	<div class="fl">
			<div class="logo-nav clear">
				<div class="logo fl"><i></i></div>
				<div class="nav-time fl">
					<div class="toptime fc-white">2月26日 All new Year happy</div>
					<nav class="nav">
						<ul>
							<li>
								<a href="#"><h5>Home</h5></a>
								<span></span>
							</li>
							<li>
								<a href="#"><h5>Markets <i></i></h5></a>
								<span></span>
								<div></div>
							</li>
							<li>
								<a href="#"><h5>Account Balance</h5></a>
								<span></span>
							</li>
							<li>
								<a href="#"><h5>Safe</h5></a>
								<span></span>
							</li>
							<li>
								<a href="#"><h5>Invite</h5></a>
								<span></span>
							</li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
        <div class="fr fc-white f-tar">
			<div class="nav-icons-encn">
				<div class="fl fs-16">
					<i class="icon icon-twitter mr-5"></i>
					<i class="icon icon-facebook mr-5"></i>
					<i class="icon icon-dribbble mr-5"></i>
					<i class="icon icon-instargam mr-5"></i>
					<i class="icon icon-rss mr-5"></i>
				</div>
				<div class="fr encn">
					<a href="#"> 中文 </a> | <a href="#"> English </a>
				</div>
			</div>
			<div class="login-reg-btn">
				<a href="#" class="btn btn-green">Login</a>
				<a href="#" class="btn btn-orange">Register</a>
			</div>
		</div>
    </section>
</header>
<!--/头部-->
<!--幻灯片/登录-->
<section class="swiper-wrap">
	<!--登录-->
	<div class="banner-login-box">
		<div class="login-item fc-white">
			<div class="banner-login">
				<div class="banner-login-hd fs-18 mb-15">Login</div>
				<div class="banner-login-bd">
					<div class="login-form-group mb-15">
						<input type="text" class="input" placeholder="Enter Email or phone number">
					</div>
					<div class="login-form-group mb-15">
						<input type="password" class="input" placeholder="Enter password">
					</div>
					<div class="login-form-group mb-15">
						<button type="button" class="btn btn-orange btn-block">Login</button>
					</div>
					<div class="login-form-group clear fs-14">
						<div class="fl"><a href="#">Forget password?</a></div>
						<div class="fr"><a href="#">Register</a></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--/登录-->
	<!--幻灯片-->
	<div class="swiper-container">
		<ul class="swiper-wrapper">
			<li class="swiper-slide">
				<img src="assets/images/banner.jpg" class="swiper-lazy swiper-lazy-loaded">
			</li>
			<li class="swiper-slide">
				<img src="assets/images/banner1.jpg" class="swiper-lazy swiper-lazy-loaded">
			</li>
			<li class="swiper-slide">
				<img src="assets/images/banner2.jpg" class="swiper-lazy swiper-lazy-loaded">
			</li>
		</ul>
		<div class="swiper-pagination"></div>
	</div>
	<!--/幻灯片-->
</section>
<!--/幻灯片/登录-->
<!--主体-->
<section class="wrap oh">
	<div class="container home-item-box">
		<div class=" clear">
			<div class="home-markets fl fs-16">
				<ul class="home-markets-ul">
					<li class="active" data-qu="1">USDT Markets</li>
					<li data-qu="2">ETH Markets</li>
					<li data-qu="3">BTC Markets</li>
					<li data-qu="4">USD Markets</li>
					<li data-qu="5">All Markets</li>
					<li data-qu="6">my market</li>
				</ul>
			</div>
			<div class="fr">
				<label class="fl checkbox-box">
					<input type="checkbox" class="switch fl switch-red"> <span>edit custom</span>
				</label>
				<input type="text" class="fr" placeholder="search">
			</div>
		</div>
		<table class="table border table-hover table-align">
			<thead>
				<tr>
					<th width="12%">Coin</th>
					<th>
						<span>Last Price</span>
						<span class="table-sort">
							<i class="icon-edge table-sort-asc"></i>
							<i class="icon-edge table-sort-desc"></i>
						</span>
					</th>
					<th width="15%">
						24H Volume
						<span class="table-sort" sort="asc">
							<i class="icon-edge table-sort-asc"></i>
							<i class="icon-edge table-sort-desc"></i>
						</span>
					</th>
					<th width="12%">
						24H Amount
						<span class="table-sort" sort="desc">
							<i class="icon-edge table-sort-asc"></i>
							<i class="icon-edge table-sort-desc"></i>
						</span>
					</th>
					<th width="12%">
						24H Change
						<span class="table-sort">
							<i class="icon-edge table-sort-asc"></i>
							<i class="icon-edge table-sort-desc"></i>
						</span>
					</th>
					<th width="15%">Price Trend(3 Days)</th>
					<th width="17%"></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td class="coin-name">
						<img src="assets/images/icon/nas.png">
						<font>NAS/USDT</font>
					</td>
					<td class="new-price">
						<i class="fc-red"> $ 0.060094<em>/$0.54 </em> ↓</i>
					</td>
					<td class="num24hvol">
						<i>160511.8985</i>NAS
					</td>
					<td class="money24h">
						<i>$ 1129472.69</i>
					</td>
					<td class="change24h">
						<i class="fc-red">-8.29%</i>
					</td>
					<td>
						<div class="flot-chart center-block" data-coin-id="nas_usdt" style="padding: 0px; position: relative;">
							<canvas class="flot-base" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
							<canvas class="flot-overlay" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
						</div>
					</td>
					<td class="btn-box">
						<a href="#" class="btn btn-trade trans">Trade<i class="icon icon-triangle-right"></i></a>
						<a href="#" class="btn btn-trade trans">Trade Pro<i class="icon icon-triangle-right"></i></a>
					</td>
				</tr>
				<tr>
					<td class="coin-name">
						<img src="assets/images/icon/eth.png">
						<font>ETH/USDT</font>
					</td>
					<td class="new-price">
						<i class="fc-green fs-14"> $ 0.060094<em>/$0.54 </em> ↓</i>
					</td>
					<td class="num24hvol">
						<i>22163425.4576</i>RUFF	
					</td>
					<td class="money24h">
						<i>$ 277472709.33</i>
					</td>
					<td class="change24h">
						<i class="fc-red">-12.29%</i>
					</td>
					<td></td>
					<td class="btn-box">
						<a href="#" class="btn btn-trade trans">Trade<i class="icon icon-triangle-right"></i></a>
						<a href="#" class="btn btn-trade trans">Trade Pro<i class="icon icon-triangle-right"></i></a>
					</td>
				</tr>
				<tr>
					<td class="coin-name">
						<img src="assets/images/icon/bch.png">
						<font>NAS/USDT</font>
					</td>
					<td class="new-price">
						<i class="fc-red"> $ 9666.65
							<em>/$9662.00 </em> ↓</i>
					</td>
					<td class="num24hvol">
						<i>160511.8985</i>NAS
					</td>
					<td class="money24h">
						<i>$ 1129472.69</i>
					</td>
					<td class="change24h">
						<i class="fc-red">-8.29%</i>
					</td>
					<td>
						<div class="flot-chart center-block" data-coin-id="nas_usdt" style="padding: 0px; position: relative;">
							<canvas class="flot-base" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
							<canvas class="flot-overlay" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
						</div>
					</td>
					<td class="btn-box">
						<a href="#" class="btn btn-trade trans">Trade<i class="icon icon-triangle-right"></i></a>
						<a href="#" class="btn btn-trade trans">Trade Pro<i class="icon icon-triangle-right"></i></a>
					</td>
				</tr>
				<tr>
					<td class="coin-name">
						<img src="assets/images/icon/etc.png">
						<font>NAS/USDT</font>
					</td>
					<td class="new-price">
						<i class="fc-red"> $ 0.060094
							<em>/$0.54 </em> ↓</i>
					</td>
					<td class="num24hvol">
						<i>160511.8985</i>NAS
					</td>
					<td class="money24h">
						<i>$ 1129472.69</i>
					</td>
					<td class="change24h">
						<i class="fc-red">-8.29%</i>
					</td>
					<td>
						<div class="flot-chart center-block" data-coin-id="nas_usdt" style="padding: 0px; position: relative;">
							<canvas class="flot-base" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
							<canvas class="flot-overlay" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
						</div>
					</td>
					<td class="btn-box">
						<a href="#" class="btn btn-trade trans">Trade
							<i class="icon icon-triangle-right"></i>
						</a>
						<a href="#" class="btn btn-trade trans">Trade Pro
							<i class="icon icon-triangle-right"></i>
						</a>
					</td>
				</tr>
				<tr>
					<td class="coin-name">
						<img src="assets/images/icon/ruff.png">
						<font>NAS/USDT</font>
					</td>
					<td class="new-price">
						<i class="fc-red"> $ 740
							<em>/$740.00</em> ↓</i>
					</td>
					<td class="num24hvol">
						<i>160511.8985</i>NAS
					</td>
					<td class="money24h">
						<i>$ 1129472.69</i>
					</td>
					<td class="change24h">
						<i class="fc-red">-8.29%</i>
					</td>
					<td>
						<div class="flot-chart center-block" data-coin-id="nas_usdt" style="padding: 0px; position: relative;">
							<canvas class="flot-base" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
							<canvas class="flot-overlay" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
						</div>
					</td>
					<td class="btn-box">
						<a href="#" class="btn btn-trade trans">Trade
							<i class="icon icon-triangle-right"></i>
						</a>
						<a href="#" class="btn btn-trade trans">Trade Pro
							<i class="icon icon-triangle-right"></i>
						</a>
					</td>
				</tr>
				<tr>
					<td class="coin-name">
						<img src="assets/images/icon/nas.png">
						<font>NAS/USDT</font>
					</td>
					<td class="new-price">
						<i class="fc-red"> $ 0.060094
							<em>/$0.54 </em> ↓</i>
					</td>
					<td class="num24hvol">
						<i>160511.8985</i>NAS
					</td>
					<td class="money24h">
						<i>$ 1129472.69</i>
					</td>
					<td class="change24h">
						<i class="fc-red">-8.29%</i>
					</td>
					<td>
						<div class="flot-chart center-block" data-coin-id="nas_usdt" style="padding: 0px; position: relative;">
							<canvas class="flot-base" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
							<canvas class="flot-overlay" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
						</div>
					</td>
					<td class="btn-box">
						<a href="#" class="btn btn-trade trans">Trade
							<i class="icon icon-triangle-right"></i>
						</a>
						<a href="#" class="btn btn-trade trans">Trade Pro
							<i class="icon icon-triangle-right"></i>
						</a>
					</td>
				</tr>
				<tr>
					<td class="coin-name">
						<img src="assets/images/icon/eth.png">
						<font>ETH/USDT</font>
					</td>
					<td class="new-price">
						<i class="fc-green fs-14"> $ 0.060094
							<em>/$0.54 </em> ↓</i>
					</td>
					<td class="num24hvol">
						<i>22163425.4576</i>RUFF
					</td>
					<td class="money24h">
						<i>$ 277472709.33</i>
					</td>
					<td class="change24h">
						<i class="fc-red">-12.29%</i>
					</td>
					<td></td>
					<td class="btn-box">
						<a href="#" class="btn btn-trade trans">Trade
							<i class="icon icon-triangle-right"></i>
						</a>
						<a href="#" class="btn btn-trade trans">Trade Pro
							<i class="icon icon-triangle-right"></i>
						</a>
					</td>
				</tr>
				<tr>
					<td class="coin-name">
						<img src="assets/images/icon/bch.png">
						<font>NAS/USDT</font>
					</td>
					<td class="new-price">
						<i class="fc-red"> $ 9666.65
							<em>/$9662.00 </em> ↓</i>
					</td>
					<td class="num24hvol">
						<i>160511.8985</i>NAS
					</td>
					<td class="money24h">
						<i>$ 1129472.69</i>
					</td>
					<td class="change24h">
						<i class="fc-red">-8.29%</i>
					</td>
					<td>
						<div class="flot-chart center-block" data-coin-id="nas_usdt" style="padding: 0px; position: relative;">
							<canvas class="flot-base" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
							<canvas class="flot-overlay" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
						</div>
					</td>
					<td class="btn-box">
						<a href="#" class="btn btn-trade trans">Trade
							<i class="icon icon-triangle-right"></i>
						</a>
						<a href="#" class="btn btn-trade trans">Trade Pro
							<i class="icon icon-triangle-right"></i>
						</a>
					</td>
				</tr>
				<tr>
					<td class="coin-name">
						<img src="assets/images/icon/etc.png">
						<font>NAS/USDT</font>
					</td>
					<td class="new-price">
						<i class="fc-red"> $ 0.060094
							<em>/$0.54 </em> ↓</i>
					</td>
					<td class="num24hvol">
						<i>160511.8985</i>NAS
					</td>
					<td class="money24h">
						<i>$ 1129472.69</i>
					</td>
					<td class="change24h">
						<i class="fc-red">-8.29%</i>
					</td>
					<td>
						<div class="flot-chart center-block" data-coin-id="nas_usdt" style="padding: 0px; position: relative;">
							<canvas class="flot-base" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
							<canvas class="flot-overlay" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
						</div>
					</td>
					<td class="btn-box">
						<a href="#" class="btn btn-trade trans">Trade
							<i class="icon icon-triangle-right"></i>
						</a>
						<a href="#" class="btn btn-trade trans">Trade Pro
							<i class="icon icon-triangle-right"></i>
						</a>
					</td>
				</tr>
				<tr>
					<td class="coin-name">
						<img src="assets/images/icon/ruff.png">
						<font>NAS/USDT</font>
					</td>
					<td class="new-price">
						<i class="fc-red"> $ 740
							<em>/$740.00</em> ↓</i>
					</td>
					<td class="num24hvol">
						<i>160511.8985</i>NAS
					</td>
					<td class="money24h">
						<i>$ 1129472.69</i>
					</td>
					<td class="change24h">
						<i class="fc-red">-8.29%</i>
					</td>
					<td>
						<div class="flot-chart center-block" data-coin-id="nas_usdt" style="padding: 0px; position: relative;">
							<canvas class="flot-base" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
							<canvas class="flot-overlay" width="160" height="30" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 130px; height: 30px;"></canvas>
						</div>
					</td>
					<td class="btn-box">
						<a href="#" class="btn btn-trade trans">Trade
							<i class="icon icon-triangle-right"></i>
						</a>
						<a href="#" class="btn btn-trade trans">Trade Pro
							<i class="icon icon-triangle-right"></i>
						</a>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</section>
<!--/主体-->
<!--底部-->
<footer class="footer bgc-somber">
	<section class="service-item fc-white container m-auto clear">
		<div class="fl fotabout">
			<div class="fot-logo"></div>
			<div class="fot-about mt-20">
				Deposit, Wallet Cold And Heat Isolation, Ensure User Capital Security.
				The Strict Coinage Review Mechanism Controls The Source Risk.
				Professional Service Team, Online Custome
			</div>
		</div>
		<div class="fl informaation">
			<h3 class="mt-20 fc-white mb-20">informaation</h3>
			<div class="fot-nav">
				<ul>
					<li><a href="#">About</a></li>
					<li><a href="#">Login</a></li>
					<li><a href="#">Contact Us</a></li>
					<li><a href="#">Register</a></li>
					<li><a href="#">Site Map</a></li>
				</ul>
			</div>
		</div>
		<div class="fr newsletter">
			<h3 class="mt-20 fc-white mb-20">newsletter</h3>
			<div class="mb-10" style="color:#bcbcbc;">Sign up for News Letter</div>
			<div class="mb-10">
				<input type="text" class="subscribe-ipt" placeholder="Enter your E-mail">
			</div>
			<div class="wrap">
				<button type="button" class="btn btn-pink btn-block">Subscribe</button>
			</div>
		</div>
	</section>
    <section class="copyright-item bgc-black fc-white">
    	<div class="container f-tac copyright m-auto">Copyright © 2018. PPJPC.COM All rights reserved.</div>
    </section>
</footer>
<!--/底部-->
<script src="assets/3dr/jquery/jquery.min.js"></script>
<script src="assets/3dr/swiper/swiper.min.js"></script>
<script src="http://www.daiwei.org/global/js/jquery.easing.js"></script>
<script src="http://www.daiwei.org/components/toast/js/toast.js"></script>
<script src="assets/js/moveline.js"></script>
<script>
$(document).ready(function () {
	var swiper = new Swiper('.swiper-container', {
		spaceBetween: 30,
		centeredSlides: true,
		autoplay: {
			delay: 5000,
			disableOnInteraction: false,
		},
		// Enable lazy loading
		lazy: true,
		pagination: {
			el: '.swiper-pagination',
			clickable: true,
		},
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
	});
	$('.home-markets-ul').moveline({
		color:'#da2e22',
		position:'inner',
		click:function(ret){
			var qu = ret.ele.data('qu');
			ret.ele.addClass('active').siblings().removeClass('active');
			console.log('点击的是第'+ret.index+'个li，data是'+qu+'');
		}
	});
});
</script>
</body>
</html>